<?php $this->load->view('header'); ?>
<?php $this->load->view('cuerpo'); ?>
<?php if (isset($persona_juridica_editar)) { ?>
<script type="text/javascript">
    $(function() {
        $("#cbxDocumento").removeAttr("required");
        $("#txtNombres").removeAttr("required");
        $("#txtApellidos").removeAttr("required");
        $("#txtNumdoc").removeAttr("required");
        $("#dNacimiento").removeAttr("required");
    });
</script>
<?php } ?>
<?php if (isset($persona_natural_editar)) { ?>
<script type="text/javascript">
    $(function() {
        $("#txtRuc").removeAttr("required");
        $("#txtRazon").removeAttr("required");
        $("#dFundacion").removeAttr("required");
    });
</script>
<?php } ?>
<div class="formulario">
	<form name="Rclientecuenta"
	<?php if (!isset($cliente_editar)){ ?>
		action="<?php echo base_url();?>index.php/cliente/editarCuenta"
		<?php } else { ?>
		action="<?php echo base_url(); ?>index.php/cliente/editarBandeja" <?php } ?>
		method="POST">
		<fieldset>
			<legend style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">Datos de la Cuenta</legend>
			<table>
				<tr>
					<td><label>Código:</label></td>
					<td><input type="text" name="txtCodigo" size="50"
						value="<?php if(isset($idUsuario)){ echo $idUsuario;}?>" disabled>
						<input type="hidden" name="txtId"
						value="<?php if (isset($idUsuario)){echo $idUsuario;}elseif (isset($id_usuario_inactivo)) {echo $id_usuario_inactivo;}?>"></td>
				</tr>
				<tr>
					<td><label>Tipo de Cliente: </label></td>
					<td>
						<input type="radio" name="rtipo" required <?php if (!isset($idUsuario)){echo 'disabled';}else {echo '';}?>
						value="<?=INT_CLIENTE_INDIVIDUAL?>" <?php if ($id_tipo_cliente == INT_CLIENTE_INDIVIDUAL){echo 'checked';}?>><?php echo 'CLIENTE INDIVIDUAL';?>
						<input type="radio" name="rtipo" required <?php if (!isset($idUsuario)){echo 'disabled';}else {echo '';}?>
						value="<?=INT_CLIENTE_INDIVIDUAL?>" <?php if ($id_tipo_cliente == INT_CLIENTE_CORPORATIVO){echo 'checked';}?>><?php echo 'CLIENTE CORPORATIVO';?>
					</td>
				</tr>
				<tr>
					<td><label>Estado:</label></td>
					<td>
					<select name="cbxEstado" required <?php if (isset($cliente_editar)){echo '';} elseif (!isset($cliente)){echo 'disabled';}?>>
						<option value="<?= INT_ESTADO_ACTIVO?>" <?php if (($id_estado_usuario == INT_ESTADO_ACTIVO) || ($estado_usuario == 2)){ echo 'selected';}?>><?= STR_ESTADO_ACTIVO?></option>
						<option value="<?= INT_ESTADO_INACTIVO?>" <?php if (($id_estado_usuario == INT_ESTADO_INACTIVO) || ($estado_usuario == 3)){ echo 'selected';}?>><?= STR_ESTADO_INACTIVO?></option>
					</select></td>
				</tr>
				<tr>
					<td colspan="2"><center>							
							<input type="submit" name="aceptar" id="aceptar"
								onclick="return confirm('¿Está seguro de Aceptar los datos?')"
								value="Aceptar" <?php if (isset($idUsuario)){echo '';}elseif (($id_estado_usuario==2) || ($id_estado_usuario==3)){echo '';}else {echo 'disabled';}?>>
							<input type="submit" name="asignar" value="ASIGNAR PERFIL"
								<?php if(!isset($idUsuario)){ echo 'disabled';}?>>
						</center></td>
				</tr>
			</table>
		</fieldset>
	</form>

	<script type="text/javascript">
		function omitir(obj) {
			var txtId=obj.txtId.value;
		    var rtipo=obj.rtipo.value;
			confirm('¿Está seguro que desea omitir?')
			location.href="<?php echo base_url()?>index.php/cliente/omitir"
		}
	</script>

	<hr />
	
	<form name="Rcliente"
		<?php if (!isset($cliente_editar)) {?>
		action="<?php echo base_url(); ?>index.php/cliente/insertar"
		<?php }else {?>
		action="<?php echo base_url(); ?>index.php/cliente/editarCliente" <?php } ?>
		method="POST">
		<?php if(isset($cliente)) { ?>
		<center>
			<input type="button"
			onclick="location.href='<?php echo base_url();?>index.php/usuario'"
			value="Regresar">
		</center><br/>
		<?php } ?>
		<fieldset>
			<legend style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">Datos del Cliente</legend>
			<table>
				<tr>
					<td><label>Usuario:</label></td>
					<td><input type="text" name="txtUsuario" size="50"
						placeholder="Nombre del usuario"
						title="Letras, números y underline '_'. NO incluir tildes y el caracter ñ"
						pattern="[a-zA-Z0-9_]{2,40}" maxlength="40" required
						value="<?php if(isset($cliente)){ echo $cliente[0]->username; }elseif (isset($cliente_editar)){echo $cliente_editar[0]->username;} ?>"
						<?php if(isset($cliente)){echo 'disabled';}?>></td>
				</tr>
				<tr>
					<td><label>Contraseña:</label></td>
					<td><input type="password" name="txtPassword" size="50"
						placeholder="Contraseña"
						title="Letras, números y underline '_'. NO incluir tildes y el caracter ñ"
						pattern="[a-zA-Z0-9_]{2,40}" maxlength="40" required
						value="<?php if(isset($cliente)){echo $cliente[0]->password;}elseif (isset($cliente_editar)){echo $cliente_editar[0]->password;} ?>"
						<?php if(isset($cliente)){ echo 'disabled';}?>></td>
				</tr>
				<tr>
					<td colspan=2>
						<section class="tabs">
							<input id="tab-1" type="radio" name="radio-set"
								class="tab-selector-1" value="1"
								<?php
								
if (isset ( $persona_natural )) {
									echo 'checked disabled';
								} elseif (isset ( $persona_natural_editar )) {
									echo 'checked';
								}
								?> /> <label
								for="tab-1" class="tab-label-1" accessKey="tab-1">Persona
								Natural</label> <input id="tab-2" type="radio" name="radio-set"
								class="tab-selector-2" value="2"
								<?php
								
if (isset ( $persona_juridica )) {
									echo 'checked disabled';
								} elseif (isset ( $persona_juridica_editar )) {
									echo 'checked';
								}
								?> /> <label
								for="tab-2" class="tab-label-2" accessKey="tab-2">Persona
								Jurídica</label>
							<div class="clear-shadow"></div>
							<div class="content">
								<div class="content-1"
									<?php if(isset($persona_natural)){ echo 'checked disabled'; } elseif (isset($persona_natural_editar)){echo 'checked';}?>>
									<section id="otros" name="otros">
										<table>
											<tr>
												<td><p>Nombres:</p></td>
												<td><input type="text" id="txtNombres" name="txtNombres" size="50"
													onkeyup="javascript:this.value=this.value.toUpperCase()"
													placeholder="Nombres del Cliente"
													title="Letras y espacios en blanco. NO incluir tildes, el caracter ñ y minusculas"
													pattern="[A-Z ]{2,40}" maxlength="40" required
													<?php if(isset($persona_natural)){echo 'disabled';}?>
													value="<?php if (isset($persona_natural)){echo $persona_natural[0]->nombres;}elseif (isset($persona_natural_editar)){echo $persona_natural_editar[0]->nombres;} ?>"></td>
											</tr>
											<tr>
												<td><p>Apellidos:</p></td>
												<td><input type="text" id="txtApellidos" name="txtApellidos" size="50"
													onkeyup="javascript:this.value=this.value.toUpperCase()"
													placeholder="Apellidos del Cliente"
													title="Letras y espacios en blanco. NO incluir tildes, el caracter ñ y minusculas"
													pattern="[A-Z ]{2,40}" maxlength="40" required
													<?php if(isset($persona_natural)){ echo 'disabled';} ?>
													value="<?php if (isset($persona_natural)){echo $persona_natural[0]->apellidos;}elseif (isset($persona_natural_editar)){echo $persona_natural_editar[0]->apellidos;} ?>"></td>
											</tr>
											<tr>
												<td><p>Tipo de Documento:</p></td>
												<td>
												<select name="cbxDocumento" id="cbxDocumento" onchange="cambiaDocumento(this)" required 
												<?php if (isset($persona_natural)) { echo 'disabled'; }?>>
													<option value="<?php if (isset($persona_natural_editar)){
															echo $tip_doc_editar;															
														}?>"<?php if (isset($persona_natural)){ ?>selected <?php } ?>>
														<?php if (isset($valor_doc_dni)){
															echo  $valor_doc_dni;
														}elseif (isset($valor_doc_carnet)) {
															echo $valor_doc_carnet;
														}else {
															echo STR_VALOR_INICIAL;
														}?> </option>
														<?php foreach ($tipo_documento as $td):?>
														<option value="<?= $td->id_tabla_maestra?>"
														<?php if (isset($persona_natural_editar)){
															if ($persona_natural_editar[0]->id_tipo_documento == $td->id_tabla_maestra){
																echo 'selected';
															}
														}?>>
															<?= $td->nombre?>
															</option>
															<?php endforeach;?>
												</select>
											</td>
											</tr>
											<tr>
												<td><p>N° Documento:</p></td>
												<td>
													<div id="doc" class="content-1"
														style="left: 27.2%; top: 52%;">
														<input type='text' id="txtNumdoc" name='txtNumdoc' size='25'
															placeholder='Número de documento' title='Solo números'
															pattern='[0-9]{8,11}' <?php if (isset($cliente_editar)){ if ($cliente_editar[0]->id_tipo_documento == INT_DNI){?>maxlength="8"<?php }
															else {?> maxlength="11"<?php }}?>
															onkeypress="return justNumbers(event)" 
															<?php if(isset($persona_natural)){echo 'disabled';}?>
															value="<?php if (isset($persona_natural)){echo $persona_natural[0]->nro_documento; }elseif (isset($persona_natural_editar)){echo $persona_natural_editar[0]->nro_documento;} ?>"
														/>
													</div>
												</td>
											</tr>
											<tr>
												<td><p>Fecha de Nacimiento:</p></td>
												<td><input type="date" id="dNacimiento" name="dNacimiento" size="50"
													max="<?php echo date('Y-m-d', strtotime('-18 year'));?>"
													required <?php if(isset($persona_natural)){echo 'disabled';} ?>
													value="<?php if (isset($persona_natural)){echo date("d/m/Y", strtotime($persona_natural[0]->fecha_nacimiento));} elseif (isset($persona_natural_editar)){echo date("d/m/Y", strtotime($persona_natural_editar[0]->fecha_nacimiento));} ?>"></td>
											</tr>
										</table>
									</section>
								</div>
								<div class="content-2" <?php if(isset($persona_juridica)){ echo 'checked disabled';}
								elseif (isset($persona_juridica_editar)){echo 'cheked';}?>>
									<section id="otros1" name="otros">
										<table>
											<tr>
												<td><p>RUC:</p></td>
												<td><input type="text" id="txtRuc" name="txtRuc" size="50"
													placeholder='Número de RUC' title='Solo números'
													pattern='[0-9]{11}' maxlength="11"
													onkeypress="return justNumbers(event)" required
													<?php if(isset($persona_juridica)){ echo 'disabled';}?>
													value="<?php if (isset($persona_juridica)){echo $persona_juridica[0]->ruc;} 
													elseif (isset($persona_juridica_editar)){echo $persona_juridica_editar[0]->ruc;}?>"/></td>
											</tr>
											<tr>
												<td><p>Razón Social:</p></td>
												<td><input type="text" id="txtRazon" name="txtRazon" size="50"
													onkeyup="javascript:this.value=this.value.toUpperCase()"
													placeholder="Nombre de Razón Social"
													title="Letras y Números y (&). NO incluir minusculas"
													maxlength="110" required
													<?php if(isset($persona_juridica)){ echo 'disabled'; }?>
													value="<?php if (isset($persona_juridica)){echo $persona_juridica[0]->razon_social;}
													elseif (isset($persona_juridica_editar)){echo $persona_juridica_editar[0]->razon_social;} ?>"></td>
											</tr>
										</table>
									</section>
								</div>
							</div>
						</section>
					</td>
				</tr>
			</table>
		</fieldset>
		<fieldset>
			<legend>Datos de Domicilio</legend>
			<table>
				<tr>
					<td><label>Departamento:</label></td>
					<td><select name="cbxDepartamento"
						onchange="cambiaProvinciaCliente(this)" required
						<?php if(isset($cliente)){ echo 'disabled'; }?>>
							<option value="" <?php if(isset($cliente)){ ?> selected <?php }?>><?php if(isset($cliente)){ echo $dept[0]->nombre_ubigeo; } else{ echo STR_VALOR_INICIAL; }?></option>
									<?php foreach ($departamento as $d):?>
								<option value="<?= $d->cod_dept ?>"
								<?php if (isset($cliente_editar)){if ($dept[0]->cod_dept == $d->cod_dept){echo 'selected';}}?>>
									<?= $d->nombre_ubigeo?>
								</option>
									<?php endforeach; ?>
							</select></td>
				</tr>
				<tr>
					<td><label>Provincia:</label></td>
					<td>					
						<div id="pro">
							<select name="cbxProvincia" required
								<?php if(isset($cliente)){ echo 'disabled'; }?>>
								<option value="<?php 
								if(isset($cliente_editar)){
									if (isset($prov)){echo $prov[0]->cod_prov;}}?>" <?php if(isset($cliente)){ ?> selected
									<?php }?>><?php if(isset($cliente)){ echo $prov[0]->nombre_ubigeo; }
									elseif (isset($cliente_editar)){echo $prov[0]->nombre_ubigeo;}else{echo STR_VALOR_INICIAL;}?></option>
							</select>
						</div>
					</td>
				</tr>
				<tr>
					<td><label>Distrito:</label></td>
					<td>
						<div id="dis">
							<select name="cbxDistrito" required
								<?php if(isset($cliente)){ echo 'disabled'; }?>>
								<option value="
								<?php if (isset($cliente_editar)){ 
								if(isset($dist)){echo $dist[0]->cod_dist;}}?>" <?php if(isset($cliente)){ ?> selected
									<?php }?>><?php if(isset($cliente)){ echo $dist[0]->nombre_ubigeo; }
									elseif (isset($cliente_editar)){ echo $prov[0]->nombre_ubigeo;}else {echo STR_VALOR_INICIAL;}?></option>
							</select>
						</div>
					</td>
				</tr>
				<tr>
					<td><label>Dirección:</label></td>
					<td><input type="text" name="txtDireccion" size="50"
						onkeyup="javascript:this.value=this.value.toUpperCase()"
						placeholder="Ej: Av. La Paz 1300"
						pattern="[A-Z0-9ÁÉÍÓÚÑ&Ü /*|°.]{5,60}" maxlength="60" required
						<?php if(isset($cliente)){ echo 'disabled'; } ?>
						value="<?php if (isset($cliente)){echo $cliente[0]->direccion; }
						elseif (isset($cliente_editar)){echo $cliente_editar[0]->direccion;} ?>"></td>
				</tr>
				<tr>
					<td><label>Correo:</label></td>
					<td><input type="email" name="txtCorreo" size="50"
						placeholder="Ej: example@example.com" maxlength="60" required="required"
						<?php if(isset($cliente)){ echo 'disabled'; } ?> 
						value="<?php if (isset($cliente)){echo $cliente[0]->correo; }
						elseif (isset($cliente_editar)){echo $cliente_editar[0]->correo;} ?>"></td>
				</tr>
				<tr>
					<td><label>Teléfono/celular:</label></td>
					<td><input type="tel" name="txtTelefono" size="50"
						placeholder="Ej: 987654321" pattern="[0-9]{7,9}" maxlength="9" required="required"
						onkeypress="return justNumbers(event)"
						<?php if(isset($cliente)){ echo 'disabled'; } ?>
						value="<?php if (isset($cliente)){echo $cliente[0]->telefono; }
						elseif (isset($cliente_editar)){echo $cliente_editar[0]->telefono;} ?>"></td>
				</tr>
			</table>
		</fieldset>
		<table>
			<tr>
				<td colspan="2">						
					<center>
					<?php if (!isset($cliente)){ ?>
					<input type="submit"
							value="Grabar" name="grabar">
						<input type="reset" value="Limpiar">						
						<?php if(isset($cliente_editar)){ ?>
							<input type="button"
							onclick="location.href='<?php echo base_url();?>index.php/usuario'"
							value="Cancelar">
							<input type="hidden" name="txtId"
							value="<?php  if (isset($idUsuario)){echo $idUsuario;}else {echo $id_usuario_inactivo;} ?>" />
						<?php }?>
						</center>
					<?php } ?>
				</td>
			</tr>
		</table>

		<script type="text/javascript"> 
			var opcionX = document.getElementById("tab-1"); 
			var opcionY = document.getElementById("tab-2"); 
			var seccion = document.getElementById("otros");
			var seccion1 = document.getElementById("otros1"); 

			opcionX.addEventListener("click", function() { 
			var cajas = seccion.getElementsByTagName("input");
			var listas = seccion.getElementsByTagName("select");

			for (i = 0; i < cajas.length; i++) { 
				if (cajas[i].getAttribute("type") === "text"||"date")
					cajas[i].disabled = false; 
			}

			for (i = 0; i < listas.length; i++) { 
				listas[i].disabled = false; 
			}

			var cajas = seccion1.getElementsByTagName("input");
			for (i = 0; i < cajas.length; i++) { 
				if (cajas[i].getAttribute("type") === "text"||"date")
				cajas[i].disabled = true; 
			}
			}, false); 

			opcionY.addEventListener("click", function() { 
			var cajas = seccion.getElementsByTagName("input");
			var listas = seccion.getElementsByTagName("select");

			for (i = 0; i < cajas.length; i++) { 
				if (cajas[i].getAttribute("type") === "text"||"date") 
				cajas[i].disabled = true; 
			}

			for (i = 0; i < listas.length; i++) { 
				listas[i].disabled = true; 
			}

			var cajas = seccion1.getElementsByTagName("input");

			for (i = 0; i < cajas.length; i++) { 
				if (cajas[i].getAttribute("type") === "text"||"date") 
				cajas[i].disabled = false; 
			}
			}, false);
		</script>

	</form>
</div>

<?php $this->load->view('footer'); ?>